#community {
    .community-control {
        li:first-child {
            button {
                width: 80px;
            }
        }
    }

    .layui-input-inline {
        display: flex;
        justify-content: center;
        align-items: center;

        // width: 50%;
        .layui-input {
            display: inline-block;
            width: 70%;
        }
    }

    .community-control {
        display: flex;
        justify-content: space-between;
        padding: 0 24px;
    }

    .communityItems {
        .layui-card-body {
            position: relative;
            padding-bottom: 40px;

            h5 {
                font-weight: bolder;
            }

            .flexbox {
                img {
                    width: 50px;
                    height: 50px;
                }

                .flexboxItem {
                    padding-left: 10px;

                    h5 {
                        font-weight: bolder;
                    }
                }

                display: flex;
                font-size: medium;
                justify-content: start;
                margin-bottom: 10px;
            }

            .flexToRight {
                position: absolute;
                right: 20px;
            }

            .addCommunity {
                display: inline-flex;
                justify-content: center;
                align-items: center;
            }
        }

    }

}

#communityBuy {
    .layui-input-inline {
        h2 {
            padding: 0 24px;
        }
    }

    .layui-card-body {
        padding: 0 40px;
    }

    .communityBuy {
        padding-top: 20px;
        display: flex;
        justify-content: space-around;
        text-align: center;

        h3 {
            font-weight: bolder;
            font-size: 30px;
        }
    }
    .communityBuyBack {
        text-align: center;

        p {
            padding: 20px 0;
        }

    }
}
#communityEdit {
    .layui-input-inline {
        h2 {
            padding: 0 24px;
        }
    }

    .layui-card-body {
        padding: 0 40px;
        .layui-form-label {
            width: 200px;
        }
        .layui-input {
            width: 300px;
        }
        .layui-textarea {
            width: 400px;
        }
    }

    .communityBuy {
        padding-top: 20px;
        display: flex;
        justify-content: space-around;
        text-align: center;

        h3 {
            font-weight: bolder;
            font-size: 30px;
        }
    }
    .communityBuyBack {
        text-align: center;

        p {
            padding: 20px 0;
        }

    }
}



#building {
    .building-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }

    #buildingSelect {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #buildingManager {
        padding: 15px;

        .buildingManagerMenu {
            li {
                border-top: 1px solid #F6F6F6;
            }

        }

        .layui-col-md10 {
            padding: 15px;
        }

        .bmm_item {
            display: flex;
            justify-content: space-between;

            .bmm_item_head {
                display: flex;
                justify-content: space-between;
                align-items: center;
                line-height: 38px;
            }

            .bmm_item_head_info {
                padding-left: 30px;
            }
        }
    }
}

#parking {
    .parking-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }
    .layui-col-md3 {
        display: flex;
        justify-content: end;
    }
}
#owner {
    .owner-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }
    .layui-col-md3 {
        display: flex;
        justify-content: end;
    }
}
#tenant {
    .tenant-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }
    .layui-col-md3 {
        display: flex;
        justify-content: end;
    }
}
#visitor {
    .visitor-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }
    .layui-col-md3 {
        display: flex;
        justify-content: end;
    }
    .layui-panel {
        width: 100%;
        div {
            text-align: center;
            h5 {
                font-size: xx-large;
            }
        }

    }
}
#listAdvertise {
    .listAdvertise-control {
        padding: 0 24px;
        display: flex;
        justify-content: space-between;
    }
    .layui-col-md3 {
        display: flex;
        justify-content: end;
    }
}